#third
{
    position: relative;
    height: 1239px;
    margin-top: 50px;
    border: 10px solid #0086b3;
    border-radius: 50px;
    background:linear-gradient(45deg,#0077aa,#B500FE,#ee9900,#DD4A68,#0077aa,#B500FE);
    background-size: 800%;
    -webkit-animation:An 20s ease-in-out 0s infinite;
}
@keyframes An {
    0% {
        background-position: 0% 0%; }
    25% {
        background-position: 50% 100%; }
    50% {
        background-position: 100% 0%; }
    100%{
        background-position: 0% 0%;
    }
}
.third-content ul li
{
    float: left;
}
.third-content
{
    height: 420px;
}

.img
{
    border-radius: 40px;
    width:600px;
    height: 400px;
    opacity: 0.99;
}
.img-content
{
    width: 508px;
    color: white;
    padding: 10px 111px;
    font-size: 30px;
}
.img:hover
{
    opacity: 0.9;
    cursor: pointer;
}
